<html>
<head>
	<link href="${resource(dir:'css', file:'style.css') }" rel="stylesheet" type="text/css" />
	<title><g:message code="springSecurity.login.title"/></title>
	<style type='text/css' media='screen'>	
	
	#descricaoLogin {
	float: left;
	width: 238px;
	background: white;
	}

	#descricaoLogin h3 {
	margin-top: 30 px;
	padding: 0 20px;
	color: green;
	}
	
	#descricaoLogin h5{
		text-align: justify;
		margin-top: -35px;
		margin-left: 10%;
		background: white;		
	}

	#descricaoLogin ul {
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
	list-style: none;
	}

	#descricaoLogin li {
	padding: 5px 0;
	border-top: 1px solid #EFEFEF;
	}
	
	
	#login {
		margin: 15px 0px;
		padding: 0px;
		text-align: center;
		margin-top: 3%;
		position: static;
	}

	#login .inner {
		width: 280px;
		padding-bottom: 6px;
		margin: 30px auto;
		text-align: left;
		border: 1px solid #aab;
		background-color: #f0f0fa;
		-moz-box-shadow: 2px 2px 2px #eee;
		-webkit-box-shadow: 2px 2px 2px #eee;
		-khtml-box-shadow: 2px 2px 2px #eee;
		box-shadow: 2px 2px 2px #eee;
	}

	#login .inner .fheader {
		padding: 18px 26px 14px 26px;
		background-color: #f7f7ff;
		margin: 0px 0 14px 0;
		color: #2e3741;
		font-size: 20px;
		font-weight: bold;
	}

	#login .inner .cssform p {
		clear: left;
		margin: 0;
		padding: 4px 0 3px 0;
		padding-left: 105px;
		margin-bottom: 20px;
		height: 1%;
	}

	#login .inner .cssform input[type='text'] {
		width: 120px;
	}

	#login .inner .cssform label {
		font-weight: bold;
		font-size: 15px;
		float: left;
		text-align: right;
		margin-left: -135px;
		width: 110px;
		padding-top: 5px;
		padding-right: 10px;
	}

	#login #remember_me_holder {
		padding-left: 120px;
	}

	#login #submit {
		margin-left: 15px;	
	}

	#login #remember_me_holder label {
		float: none;
		margin-left: 0;
		text-align: left;
		width: 200px
	}

	#login .inner .login_message {
		padding: 6px 25px 20px 25px;
		color: #c33;
	}

	#login .inner .text_ {
		width: 120px;
	}

	#login .inner .chk {
		height: 12px;
	}
	</style>
</head>

<body>

<div id="header">
	<ul id="menu">
		<li><g:link url="/projetoClinica" >Home</g:link></li>
		<li><a href="#" accesskey="2" title=""> Serviços </a></li>
		<li><a href="#" accesskey="3" title=""> Informações </a></li>
		<li><g:link url="/projetoClinica/login/auth">Clínica Online</g:link></li>
		<li><a href="#" accesskey="5" title=""> Contato </a></li>
	</ul>
</div>


<div id="content">
	<div id="descricaoLogin">
	<div class="box">
			<h3>Sistema Online</h3>
			<br></br>
			<h5> O Serviço Online foi projetado com a intenção de melhorar
				 a eficiência dos serviços disponíveis. 
				 O Serviço Online foi projetado com a intenção de melhorar
				 a eficiência dos serviços disponíveis. 
			</h5>
		</div>
	</div>

	<div id='login'>
		<div class='inner'>
			<div class='fheader'><g:message code="springSecurity.login.header"/></div>
			<g:if test='${flash.message}'>
				<div class='login_message'>${flash.message}</div>
			</g:if>
			<form action='${postUrl}' method='POST' id='loginForm' class='cssform' autocomplete='off'>
				<p>
					<label for='username'><g:message code="springSecurity.login.username.label"/>:</label>
					<input type='text' class='text_' name='j_username' id='username'/>
				</p>
				<p>
					<label for='password'><g:message code="springSecurity.login.password.label"/>:</label>
					<input type='password' class='text_' name='j_password' id='password'/>
				</p>
				<p>
					<input type='submit' id="submit" value='${message(code: "springSecurity.login.button")}'/>
				</p>
			</form>
	</div>
</div>
</div>

<div id="footer">
	<p>Copyright (c) 2012 Todos os direitos reservados. Projeto Clínica</p>
</div>


<script type='text/javascript'>
	<!--
	(function() {
		document.forms['loginForm'].elements['j_username'].focus();
	})();
	// -->
</script>
</body>
</html>

